.in-header
  background url('../image/product-header.png') no-repeat center
  background-size cover
.container
  margin 0 auto
  >.product-introduce
    padding-bottom 67px
    >.pi-title
      margin 0 30px
      margin-top 54px
      >p
        font-size 30px
        color #242424
        &.tip
          font-size 24px
          color #4c4c4c
    >.pi-content
      margin 18px 30px 45px 30px
      line-height 40px
      font-size 28px
      color #333333
      background url("")
    >.pic
      text-align center
  >.produce-solve
    padding-top 53px
    background-color #f8f8f8
    text-align center
    >.ps-title
      padding 0 30px
      padding-bottom 35px
      >p
        font-size 24px
        color #424242
        &:last-child
          text-align left
      >.problem
        margin-bottom 12px
        font-size 36px
        color #0c0c0c
    >.ps-content
      >.inner
        margin 0 auto
        padding-bottom 60px
        width 680px
        display flex
        flex-wrap wrap
        >.pc-problem1
          margin-right 35px
          margin-bottom 30px
          text-align center
          width 320px
          height 320px
          background url("../image/problem1.png") no-repeat center
          >img
            margin-top 55px
            margin-bottom 18px
          >p
            margin 0 22px
            font-size 22px
            line-height 31px
            text-align left
        >.pc-problem2
          margin-bottom 30px
          text-align center
          width 320px
          height 320px
          background url("../image/problem2.png") no-repeat center
          >img
            margin-top 55px
            margin-bottom 18px
          >p
            margin 0 22px
            font-size 22px
            line-height 31px
            text-align left
        >.pc-problem4
          margin-right 35px
          margin-bottom 30px
          text-align center
          width 320px
          height 320px
          background url("../image/problem4.png") no-repeat center
          >img
            margin-top 67px
            margin-bottom 16px
          >p
            margin 0 22px
            font-size 22px
            line-height 31px
            text-align left
        >.pc-problem3
          margin-bottom 30px
          text-align center
          width 320px
          height 320px
          background url("../image/problem3.png") no-repeat center
          >img
            margin-top 53px
            margin-bottom 16px
          >p
            margin 0 22px
            font-size 22px
            line-height 31px
            text-align left
        >.pc-problem5
          margin-right 35px
          text-align center
          width 320px
          height 320px
          background url("../image/problem5.png") no-repeat center
          >img
            margin-top 58px
            margin-bottom 18px
          >p
            margin 0 22px
            font-size 22px
            line-height 31px
            text-align left
        >.pc-problem6
          text-align center
          width 320px
          height 320px
          background url("../image/problem6.png") no-repeat center
          >img
            margin-top 58px
            margin-bottom 18px
          >p
            margin 0 22px
            font-size 22px
            line-height 31px
            text-align left
  >.product-choose
    >.inner
      margin 0 auto
      width 690px
      >.pc-title
        margin-top 54px
        >p
          font-size 30px
          color #242424
        >.tip
          font-size 24px
          color #4c4c4c
      >.pc-content
        margin-top 20px
        >p
          font-size 26px
          color #333333
          line-height 43px
      >img
        margin-top 34px
        margin-bottom 60px
  >.product-analyse
    width 750px
    height 397px
    background url("../image/product-analyse.png") no-repeat center
    background-size cover
    margin 0 auto
    >.pa-content
      display flex
      margin 0 auto
      padding-top 53px
      width 680px
      justify-content space-between
      >.pa-record
        float left
        padding-top 30px
        width 201px
        height 281px
        color white
        border 1px solid white
        border-radius 3px
        >.par-title
          margin-bottom 65px
          font-size 34px
          text-align center
        >p
          margin 0 8px
          font-size 26px
          text-align left
      >.pa-data
        float left
        padding-top 30px
        width 201px
        height 281px
        color white
        border 1px solid white
        border-radius 3px
        >.par-title
          margin-bottom 65px
          font-size 34px
          text-align center
        >p
          margin 0 8px
          font-size 26px
          text-align left
      >.pa-tendency
        float left
        padding-top 30px
        width 201px
        height 281px
        color white
        border 1px solid white
        border-radius 3px
        >.par-title
          margin-bottom 65px
          font-size 30px
          text-align center
        >p
          margin 0 8px
          font-size 26px
          text-align left
  >.product-brand
    >.pb-title
      margin-top 51px
      margin-bottom 30px
      text-align center
      >p
        font-size 36px
        color #0c0c0c
      >.tip
        margin-top 11px
        font-size 24px
        color #424242
    >.pb-content
      display flex
      justify-content space-between
      flex-wrap wrap
      margin 0 auto
      width 702px
      padding-bottom 18px
      >.img
        display flex
        align-items center
        justify-content center
        width 155px
        height 67px
        margin-bottom 16px


